@charset "utf-8";

body{position:relative;}

.topbar{position: absolute; top:0;padding-left:100px; padding-right:40px;

	 display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  

width:calc(100% - 140px);

box-pack:end;

-webkit-box-pack: end;

-moz-box-pack:end;

-ms-flex-pack:end;

justify-content: flex-end;z-index:101; height:88px; 



box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items:center;

/*background-color:#fff;*/

box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);



}

.logo_bar{position: absolute;left:30px;top: 15%;}

.logo_bar img{ width:381px;}

.topbar:before{ width:100%; height:1px; line-height:1px; font-size:1px; background:rgba(255,255,255,0.15); position:absolute; bottom:0; left:0;content:'';}

.topbar.guding{ position:fixed;}

.topbar.black{ background: rgba(0,0,0,0.8); }

.menu_bar{display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/ 



box-pack:end;

-webkit-box-pack: end;

-moz-box-pack:end;

-ms-flex-pack:end;

justify-content: flex-end;z-index:101; height:88px; 



box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items:center;

}

.mob_nav{ display:none;}

/*汉堡菜单*/

.m_han{padding-left:0px; width:30px; height:26px;

 display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/ 



 -webkit-flex-direction: column;

		  -moz-flex-direction: column;

		  -ms-flex-direction: column;

		  -o-flex-direction: column; 

		flex-direction: column;

		

		box-pack:justify;

-webkit-box-pack: justify;

-moz-box-pack:justify;

-ms-flex-pack:justify;

 justify-content: space-between; 

 

 margin-left:40px; z-index:5;

  transition:  0.3s ease 0s; cursor:pointer;

 }

.m_han span{ display:block; width:30px; height:2px; background: #c2c2c2;  transition: 0.3s ease 0s;}

.m_han span:nth-of-type(2){ position:relative; left:-10px;}

/*语言选择*/

.m_lan{ position:relative; text-align:center; width:90px; border-right:1px solid #c2c2c2;border-left:1px solid #c2c2c2; height:88px; text-align:center; vertical-align:middle;}

.m_lan_1{

	width:23px;

	padding-top:38px;

	text-align:center;

	padding-left:20px;

	

}

.m_lan_1 img{

	vertical-align:middle;

	text-align:center;

}

.m_lan_1 span a{

	vertical-align:middle;

	text-align:center;

	color:#fff;

}

.select_k{ display:block;}

.select_k a{ width:107px; border-left:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15); line-height:100px; display:block;

 background: url(../images/blan.png) no-repeat 40px center; position:relative; text-align:center; color:#FFFFFF; font-size:16px;}

 .select_k a:after{ content:'﹀'; display:block; position: absolute; color:#fff; right:40px; top:3px; font-family:宋体; font-size:10px; line-height:100px;}

 .select_lan{ display:none; position:absolute; top:94px; width:100%; padding:15px 0 0; background: rgba(0,0,0,0.00);}

  .select_lan:before{content:'';width:20px;height:20px;border-radius: 5px;background: #fff;display:block;transform: rotate(45deg);position: absolute;top: 9px;left: 50%;margin-left: -10px;z-index: 4;}

 .select_lan span{ display:block; background: #FFFFFF; position:relative; z-index:5;}

 .select_lan span:first-child{ border-radius:5px 5px 0 0; padding:10px 15px 0 ;}

  .select_lan span:last-child{ border-radius: 0  0 5px 5px; padding:0 15px 10px;}

 .select_lan span a{ display:block;  color:#333; font-size:16px; text-align:center; line-height:36px; }

/*.select_k:hover a:after{ content:'︿'; display:block; position: absolute; color:#fff; right:40px; top:3px; font-family:宋体; font-size:10px; line-height:100px;}*/

.m_lan:hover .select_lan{ display:block; }

.select_lan span:first-child a{border-radius:0; border-bottom:1px solid #EEEEEE;}

.select_lan span:last-child a{ border-radius: 0;}

@media (min-width:721px){

	.select_lan span:hover{ background: #eee; color:#008b47;}

	

	}



/*非首页第一屏*/

/*汉堡菜单*/

.m_han.yincang{ width:40px; padding-left:0;}

.m_han.yincang span{ width:40px;}

.m_han.yincang span:nth-of-type(2){ left:0;}



/*关于第三屏hover时候的线条处理*/

.topbar.yincang{ border-bottom-color: rgba(253,253,253,0.00);}

.topbar.yincang .select_k a{ border-color:rgba(255,255,255,0.00);}



/*页脚*/

.kfooter{ padding:85px 100px 0; background: #303030;}

.kft{ display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/



box-pack:justify;

-webkit-box-pack: justify;

-moz-box-pack:justify;

-ms-flex-pack:justify;

 justify-content:space-between;}



	/*footer_地图*/

.kf_menu{ width:calc(100% - 245px);}

#MenuList_f1{margin-right:7.7vw;}

#MenuList_f1 .menu{	display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/



box-pack:justify;

-webkit-box-pack: justify;

-moz-box-pack:justify;

-ms-flex-pack:justify;

 justify-content:space-between;   max-width:69.27vw;}

#MenuList_f1 .menu .stmenu:first-child{ display:none;}

#MenuList_f1 .menu .stmenu>h3 a{ color:#FFFFFF; font-size:18px; font-family:微软雅黑; display:block;}

#MenuList_f1 .child{ margin-top:28px;}

#MenuList_f1 .child a{ font-size:14px; line-height:30px; color:#999999;font-family:微软雅黑;}



	/*footer_微信*/

	.kf_r { display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  -webkit-flex-direction: column;

		  -moz-flex-direction: column;

		  -ms-flex-direction: column;

		  -o-flex-direction: column; 

		flex-direction: column;

		  flex-direction: column;

		  box-pack:start;

		-webkit-box-pack: start;

		-moz-box-pack:start;

		-ms-flex-pack:start;

		  justify-content: flex-start;}

	.kf_chat{ display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  

		  box-pack:justify;

-webkit-box-pack: justify;

-moz-box-pack:justify;

-ms-flex-pack:justify;

 justify-content:space-between; 

 box-align:end; 

-webkit-box-align:end;

-moz-box-align:end;

-ms-flex-align:end;

 align-items: flex-end;

  padding-bottom:35px; border-bottom:1px solid #474747; margin-bottom:25px;}

	.kf_tel div{  display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  

		  box-pack:start;

-webkit-box-pack: start;

-moz-box-pack:start;

-ms-flex-pack:start;

		   justify-content:flex-start; 

		   

		   box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items:center;}

	.kfc_info{ width:114px; padding-left:20px;}

	.kfc_info p{ font-size:14px; color:#999999; line-height:24px;}

	.kf_tel{ }

	.kf_tel>div{  display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  

		  box-pack:start;

-webkit-box-pack: start;

-moz-box-pack:start;

-ms-flex-pack:start;

		   justify-content:flex-start; 

		   

		   box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items:center; }

	.kf_tel>div a{  display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  

		  box-pack:start;

-webkit-box-pack: start;

-moz-box-pack:start;

-ms-flex-pack:start;

		   justify-content:flex-start; 

		   

		   box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items:center;}

	.kf_tel>div span{color:#fff; font-size:16px;font-family:微软雅黑; line-height:1; }

	.kf_tel>div img{ display:inline-block; margin-right:8px;}

	/*.kf_tel>span{ font-size:34px; color:#FFFFFF; font-family:arial; line-height:1;padding-top:20px;}*/

	

/*footer_版权*/

.kfb{  display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  

		  box-pack:center;

-webkit-box-pack:center;

-moz-box-pack:center;

-ms-flex-pack:center;

		   justify-content:center; 

		   

		   box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items:center; width:100%; height:68px; border-top:1px solid #444444; margin-top:70px; }

.kfb_info{ text-align:center;}

.kfb_info img{ display: inline-block;}

.kfb_info span,.kfb_info a{ font-size:14px; color:#999999; line-height:24px;}



@media (min-width:721px){

	.MenuList_d1-default .MenuList_d1-nav-list li a:hover{ background: none; color:#008B47;}

	.mob_lan{ display:none;}

	#MenuList_f1 .child a:hover{ color:#FFFFFF; transition:all 0.5s ease 0s;}

	}

@media (max-width:1590px){

ul.MenuItems	{margin-left:0px;}

	}

@media (max-width:1580px){

		.m_han{ display:none;}



	.mob_nav{display:block;width: 40px;margin-left: 40px;height: 26px; position:relative;}

	.MenuList_d1-main{ width:600px;}

	.MenuList_d1-right .MenuList_d1-main{ right:-600px;}

	.MenuList_d1-hamberger{ top:0; left:0; padding:0; width:40px; height:26px;}

	.MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger{left:auto; right:0; z-index:1001;}

	.MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after{ width:40px; height:2px; background: #FFFFFF; }

	.MenuList_d1-open .MenuList_d1-hamberger span:before{ background: #008B47;}

	.MenuList_d1-open .MenuList_d1-hamberger span:after{ background: #008B47;}

	.MenuList_d1-nav{ margin-top:0; border-top:1px solid #eeeeee;}

	.MenuList_d1-default{ background: #fff;}

	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:74px; margin-bottom:0;}

	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:28px; font-family:微软雅黑; line-height:72px; color:#999999; text-align:center; padding:0 20px;}

	.MenuList_d1-default .MenuList_d1-nav-list li a.on{background: none; color:#008b47;}

	

	#mob_lan span{ display: block; font-size: 24px; color:#666666; margin-right: 24px; line-height: 100px;}

	#mob_lan span a{display: block; font-size: 24px; color:#666666; line-height: 100px;}

	#mob_lan span a.on{color:#008B47;}

	#mob_lan span:last-child{margin-right: 0;}

	#mob_lan{ display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  box-pack:start;

-webkit-box-pack: start;

-moz-box-pack:start;

-ms-flex-pack:start;

		   justify-content: flex-start; 

		   box-align:center; 

-webkit-box-align:center;

-moz-box-align:center;

-ms-flex-align:center;

align-items: center; border-right: 1px solid #EEEEEE; width: calc(80% - 40px); padding-left:40px;}



	

	}



@media (max-width:1366px){

	

	/*.kf_r { display:none;}*/

	#MenuList_f1{ margin-right:0;}

	

	.MenuList_d1-main{ width:426px;}

	.MenuList_d1-right .MenuList_d1-main{ right:-426px;}

	#mob_lan{ width:calc(80% - 80px);}

	#mob_lan span{ font-size: 16px;  margin-right: 12px;}

	#mob_lan span a{ font-size: 16px; }

	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:20px;}

	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:18px;  line-height:48px; }

#MenuList_f1 .child{ margin-top:0;}



	#MenuList_f1 .child a{ line-height:20px;}

	.kf_chat{ margin-bottom:0;}

	#MenuList_f1 .menu{ max-width:calc(100% - 30px);}



	}

@media (max-width:1200px){

	.kf_r { display:none;}

	#MenuList_f1 .menu .stmenu>h3 a{ font-size:14px;}

	.kf_menu{ width:100%;}



	

	}

@media (max-width:1024px){

	.kft{ display:none;}

	.kfooter{ padding:0;}

	.kfb{ margin-top:0; border-top:0;}

	.s61>div{ display:none;}	

	}

@media (max-width:800px){

		.MenuList_d1-main{ width:340px;}

	.MenuList_d1-right .MenuList_d1-main{ right:-340px;}

	#mob_lan span{ font-size: 12px;  margin-right: 12px;}

	#mob_lan span a{ font-size: 12px; }

	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:20px;}

	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:14px;  line-height:36px; }

	#mob_lan{ width:calc(80% - 75px); padding-left:20px;}

	

	}

@media (max-width:720px){

	/*topbar*/

	.topbar{padding-left:4%; padding-right:4%;display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/width:92%;height:60px;}

	.logo_bar{ left:4%; width:90px;}

	.logo_bar img{ display:block; width:100%;} 

	.m_lan{ display:none;}

	.mob_lan{display:block;width:30px;height:30px;border: 1px solid #fff;border-radius: 50%;}

	.mob_lan span {display:block;}

	.mob_lan span a{ font-size:14px; color:#FFFFFF; line-height:30px;  display:block; text-align:center;}

	.mob_nav{ margin-left:6.94vw;}

	#mob_lan span{ line-height:60px;}

#mob_lan span a{ height:60px; line-height:60px;}



	.MenuList_d1-main{ width:100%;}

	.MenuList_d1-right .MenuList_d1-main{ right:-100%;}

	.MenuList_d1-toggle.MenuList_d1-hamberger{ padding:30px 0 ; top:-30px;}

	#mob_lan{width: calc(87.51vw - 41px);padding-left: 5.55vw;}

	#mob_lan span{ font-size:4vw; margin-right:3.3vw;}

	#mob_lan span a{ font-size:4vw;}

	.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:4.66vw; line-height:2.5;}

	.MenuList_d1-default .MenuList_d1-nav-list{ padding-top:12.3vw;}

	

	

	/*footer*/

	.kfb{ padding:0 4%; width:92%; height:19.44vw;}

	.kfb_info span{ display:inline-block; }

	.kfb_info span:nth-of-type(2){ display:none;}

	.kfb_info{ text-align:center;}

	.kfb_info span, .kfb_info a{ font-size:14px; line-height:1.8;}

	

	

	}



@media (max-width:360px){

.topbar{padding-left:4%; padding-right:4%;display:box; 

		  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */

		  display:-webkit-flex; /* Chrome */

		  display:-moz-box;     /* Firefox 19 */

		  display:-ms-flexbox;   

		  display:flex;  /*flex容器*/

		  width:92%; }

.logo_bar img{ width:100%;}

.mob_nav{ margin-left:28px;}

#mob_lan{width: calc(87.51vw - 41px);padding-left: 5.55vw;}

#mob_lan span { font-size:14px;}

#mob_lan span a{ font-size:12px;}

.MenuList_d1-default .MenuList_d1-nav-list li a{ font-size:14px; line-height:36px;}

	

/*footer*/

.kfb{ height:70px;}

.kfb_info span, .kfb_info a{ font-size:12px; line-height:22px;}



	}